/* CSS Document */
body{ background-color:#fff; font-family:"宋体",Arial, Helvetica, sans-serif; font-size:12px; color:#474747; text-decoration:none;}
a{ color:#474747; font-family:"宋体",Arial, Helvetica, sans-serif; text-decoration:none;}
a:hover{ color:#e0000c; text-decoration:none;}
.cen{ text-align:center;}.h20{ height:20px;}

#container,#wrapper{ width:100%; display:table; height:auto;}
#wrapper{ background:url(../images/mainbg.jpg) repeat-x left bottom;}

#header{ background:url(../images/headerbg.jpg) repeat-x left bottom;}
.top{ height:30px; border-bottom:1px solid #eaeaea;}
.top ul{ width:1000px; margin:0 auto; line-height:30px; color:#999;}
.top ul label a{ margin:0 10px; color:#999;}
.logo{ margin:0 auto; width:1000px; height:100px;}
.menu{ height:48px;    background-color: #bf2610;}
.menu ul{ width:1000px; margin:0 auto;}
.menu ul li{ float:left; height:48px; overflow:hidden;}
.menu ul li a{ color:#fff; line-height:50px; font-size:14px; font-family:"微软雅黑"; padding:0 22px; display:inline-block;}
.menu ul li a.on,.menu ul li a:hover{ background:url(../images/on.jpg) no-repeat center bottom; line-height:50px;}

#banner_index{ width:100%; height:380px; border-bottom:3px solid #e0000c; display:table;}
#banner{ width:100%; height:300px; border-bottom:3px solid #e0000c; display:table;}

#recommended{ width:100%; padding:20px 0; display:table; background:url(../images/tuijian_bg.jpg) repeat left top;}
#recommended ul{ width:1000px; margin:0 auto; display:table;}
#recommended ul li{ float:left; width:215px; height:115px; padding:15px 10px 15px 10px; margin:0 6px; overflow:hidden;border:1px solid #dbdbdb; background:url(../images/tuijian_li.jpg) repeat-x left bottom #fff;}
#recommended ul li .img{ width:115px; height:115px; overflow:hidden; text-align:center; background-color:#fff;}
#recommended ul li .c{ width:90px; height:115px; margin-left:10px; text-align:left;}
#recommended .c h3{ height:30px; line-height:30px; overflow:hidden;}
#recommended .c p{ height:50px; line-height:25px; overflow:hidden;}
#recommended .c a{ height:24px; line-height:24px; margin-top:10px; background-color:#ee0000; color:#fff; display:block; text-align:center;}

#footer{/* background:url(../images/footerbg.jpg) repeat-x left top #000;*/ height:auto;}
.links{ width:100%; min-height:auto; background:url(../images/linksbg.jpg) repeat-x left top #fff; padding:10px 0; border-bottom:3px solid #e0000c;}
.links ul{ width:840px; height:auto; margin:0 auto; padding-left:160px; background:url(../images/links.png) no-repeat left;}
.links ul a{ display:inline; line-height:30px; margin:0 0 0 10px;}
.footer{ background:#000;  min-height:155px;}
.footer ul{ width:1000px; margin:0 auto;}
.nav{ padding:20px 0 15px; text-align:center; color:#999;}
.nav a{ color:#fff; font-size:14px; margin:0 15px;}
.bot{ color:#7f7f7f; line-height:24px; font-family:Arial, Helvetica, sans-serif;}
.bot a{ color:#7f7f7f;}


#main{ width:1000px; margin:0 auto; padding-bottom:20px; display:table; overflow-x:hidden;}		
																				
#categories{ float:left; width: 248px;border: 1px solid #b60000;height: 615px;}
#tuijian{ float:left; width:740px; margin-left:10px;}

#categories h3,#tuijian h3{ height:45px; line-height:45px; background-color: #bf2610; font-size:14px;}
#categories h3{ background-position:left top; text-align:center; color:#fff;height: 102px;
    font-weight: bold;}
#tuijian h3{ background-position:left -45px; text-indent:20px; color:#fff;}
#tuijian h3 a.more{ font-size:12px; color:#fff;}

.fenlei{ height:530px; padding:50px 0 0 0;}
.fenlei li,.sidebar ul li{height: 54px;text-align: center;line-height: 54px;border-bottom: 1px solid #ccc;position: relative;cursor: pointer;background-repeat: no-repeat;background-position: left center;
font-size: 16px;}
.fenlei li ul{ padding-top:5px; border:none;}
.sidebar ul li ul{ padding:10px 0px 0px 0px; border:none;}
.fenlei li ul li,.sidebar ul li ul li{ line-height:14px; padding-bottom:5px; background:none; border-bottom:1px dotted #ddd;}
.fenlei li ul li a:hover,.sidebar ul li ul li a:hover{ background:none; color:#f00;}
.fenlei li ul li a,.sidebar ul li ul li a{ color:#666;}
.fenlei li a:hover,.sidebar ul li a:hover{color:#fff;background-color: #bf2610; display:block;}

.chanpin{ border:1px solid #ebebeb; border-top:none; height:569px;}
.chanpin li,#product_list ul li{ float:left; display:inline; width:215px; border:1px solid #ebebeb; margin:20px 0px 0px 21px;}
.chanpin li div,#product_list ul li div{ height:215px; border-bottom:1px solid #ebebeb; overflow:hidden; text-align:center; background-color:#fff;}
.chanpin li p,#product_list ul li p{ text-align:center; height:36px; line-height:36px; background:url(../images/chanpinbg.jpg) repeat-x left top;}


#about_i{ height:360px;}
#about_i h3{ font-size:26px; font-family:"微软雅黑"; float:left; margin:50px 0 0 675px;}
#about_i ul{ float:right; margin:42px 10px 10px 0; width:420px; height:170px;font-size: 14px; overflow:hidden; line-height:27px;}
#about_i ul a.more{ background-color:#bf2610; padding:3px 10px; margin-top:5px; color:#fff;}

#environment h3{ height:30px; width:100%; overflow:hidden; background:url(../images/gshjbg.jpg) no-repeat center top;}
#environment ul{ padding:10px; display:table; background:url(../images/musclebg.jpg) repeat-x left bottom;}
#environment ul li{ float:left; text-align:center; margin:10px 9px;}
#environment ul li div{ width:226px; height:160px; overflow:hidden; background-color:#fff;}
#environment ul li p{ height:30px; line-height:30px;} 

#cases_i,#faq_i{ float:left; width:500px; overflow:hidden; margin-bottom:15px;overflow:auto}
#cases_i h3,#faq_i h3,#news_i h3{ font-size:18px; color:#000; font-family:"微软雅黑"; background:url(../images/line.jpg) no-repeat left center; text-indent:10px;}
#cases_i h3 a.more,#faq_i h3 a.more{ margin-right:40px; font-size:12px;}
#news_i h3 a.more{ font-size:12px;}

.cases_i li{width:130px; height:80px;  border:1px solid #ebebeb; float:left; line-height:26px; display:inline; margin:10px 10px 0; overflow:hidden; text-align:center;}
.faq_i,.cases_i{ float:left; height:300px; padding:0; margin:0;}

.faq_i li{ border:1px solid #ebebeb; line-height:30px; padding:0px 10px 0px 0; margin:10px 0 0 0; display:table;}
.faq_i h4{ height:30px; overflow:hidden;}
.faq_i h5{ color:#9e9e9e;}
.faq_i h5 p{ float:left; width:430px;}
.faq_i h4 label,.faq_i h5 label{ float:left; width:40px; height:20px; line-height:20px; padding:0 5px 0 0; margin:5px 10px 0 0; text-align:right; color:#fff; background-color:#e0000c;}
.faq_i h5 label{ background-color:#454545;}

#news_i{ float:left; width:460px; padding:0 30px 0 10px;}
.news_i{}
.news_i li { margin: 15px 0px; padding:0 0px 15px 0; border-bottom: 1px dotted #CCCCCC; }
.rq { float: left; height: 65px; margin-right: 12px; text-align: center; width: 71px; background-color:#e0000c;}
.rq h6 { color: #fff; font-family: "微软雅黑"; font-size: 30px; font-weight: bold; line-height: 43px; }
.rq p { color: #fff; line-height: 21px; background-color:#454545; border-top:1px solid #fff; }
.news_i h5 a{ font-weight:bold; font-size:14px; line-height:24px;}
.news_i p{ line-height:24px; color:#9e9e9e;}

#left{ float:left; width:250px; margin-top:20px;}
#right{ float:left; width:740px; margin:20px 0 0 10px;}

.sidebar h3{background-color: #bf2610; color:#fff; font-size:18px; height:45px; line-height:45px; text-align:center; font-family:"微软雅黑";}
.sidebar ul{ padding:10px; border:1px solid #ccc;/* background:url(../images/sidebarul.jpg) repeat left top;*/ background-color:#fff;}
.sidebar ul.lxwm{ line-height:22px;}
.sidebar ul.lxwm a{ display:inline; line-height:22px;}


.position{ background-color: #bf2610; color:#fff; height:45px; line-height:45px; text-indent:15px;}
.position a{ color:#fff;}

#about,#news_list,#product{ padding:15px; font-size:14px; line-height:26px;}
#about h1 {color: #000;font-family: "微软雅黑";font-size: 18px;line-height: 35px;text-align: center;}
#about .time{ color:#999;border-bottom: 1px dashed #d8d8d8; font-size: 12px; line-height: 30px; margin: 10px 0 15px 0; text-align:center;}
#about .time a{ color:#999;}
#about .imgshow img{ max-width:600px; margin:10px auto;}
.bds_more{ background:none;}

#news_list ul li{ background:url(../images/arc.gif) no-repeat 0px 5px; display:block; border-bottom:1px dashed #d8d8d8; margin-bottom:10px; padding:0 0 10px 25px;}
#news_list ul li h2{ font-size:14px; height:30px; overflow:hidden; line-height:30px; margin-bottom:2px;}
#news_list ul li h2 label{color:#aeaeae; display:inline; float:right; font-size:12px; font-weight:100; width:180px; text-align:right;}
#news_list ul li h2 label a{ float:right; margin-top:2px;}
#news_list ul li h2 label a img{ margin-top:3px;}
#news_list ul li h2 a{ font-size:14px; color:#333;}
#news_list ul li p{ line-height:20px; color:#666;}
/*--/news_list--*/

#pagelist {padding: 20px 0;text-align: center;}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {cursor: pointer; padding: 5px 8px; font-size:12px;}
#pagelist a.on {}
#pagelist span.active { background-color: #ff8300;color: #FFFFFF;}
#pagelist a:hover, #pagelist span:hover {background-color: #ff8300;color: #FFFFFF;}

/*--/pagelist--*/

.prew, .nextw {background: url("../images/ui_pre_info.gif") no-repeat scroll left 6px;float: left;height: 24px;line-height: 24px;overflow: hidden;padding-left: 15px;text-align: left;width: 46%; color:#878787; font-size:12px;}
.nextw { background: url("../images/ui_next_info.gif") no-repeat scroll right 6px;float: right; padding-right: 15px; text-align: right;}
.prew a, .nextw a { color:#878787; font-size:12px;}
.prew a:hover, .nextw a:hover, .about .time a:hover {color: #ff8300;}

/*--/next_prew--*/

#xg_pic h2, #xg_news h2, #plun h2,.content h2{
background: url(../images/titbg.png) no-repeat left top;
color: #fff;
font-size: 14px;
height: 37px;
line-height: 37px;
text-indent: 20px;
}
#xg_news ul li {
    background: url("../images/leftbar_arc.jpg") no-repeat scroll 10px center;
    border-bottom: 1px dashed #d8d8d8;
    float: left;
	height:30px;
    line-height: 30px;
	overflow:hidden;
    padding: 0 1% 0 3%;
    width: 46%;
}
#xg_news ul li a{ font-size:12px;}
.di { border: 1px solid #d8d8d8; height: 160px; overflow: hidden; width: 160px; background-color:#fff;}
.di:hover {border: 1px solid #ff8300;}
#marquee { margin-top:15px; overflow:hidden; width:100%;}
#marquee img {}
#marquee dl, #marquee dt, #marquee dd, #marquee a { float: left; padding: 0; text-align:center; font-size:12px;}
#marquee a{ margin:0 5px 0 5px; width:162px; overflow:hidden;}
#marquee dl dt a { display:inline; float:left; line-height: 20px;}
#marquee dl dt a:hover .di{ border:1px solid #ff8300;}
#marquee dl { width:1000%; }

.probar { padding: 10px 0 0;}
.probar_left { width: 402px;}
.probar_right { height: 402px; width: 296px;}
.probar_right li { border: 0 none;}
.probar_right li h1, .probar_right li h3 {    border-bottom: 1px dashed #d8d8d8;}
.tagContent_ { border: 1px solid #d8d8d8; height: 400px; overflow: hidden; text-align: center; width: 400px;}
#thumb { float: left; overflow: hidden; width: 402px;}
#thumb li { border: 1px solid #d8d8d8; display: inline; float: left; height: 70px; margin: 10px 4px; overflow: hidden; text-align: center; width: 70px;}
#thumb li:hover { border: 1px solid #d8d8d8;}
#thumb li img {}
#thumb li A { float: left; height: 70px; line-height: 70px; text-align: center; width: 70px;}
#thumb li.emptyTag {}
#thumb li.selectTag { position: relative;}
#thumb li.selectTag A {}

.big{ background:url(../images/big.png) no-repeat 150px center; float:left; width:100%; text-align:center; height:18px; line-height:18px; padding-left:20px;}

#show{ width:400px; height:400px; overflow:hidden; position:relative; left:0; border:1px solid #d8d8d8; text-align:center; background-color:#fff;}
#show_mark{ position:absolute; top:0; left:0; width:400px; height:400px; background-color:#000; opacity:1; filter:alpha(opacity=50); cursor:crosshair; border:1px solid #999; display:none; }
#zoom{ float:left; position:relative; left:412px; margin-top:-402px; z-index:3; width:300px; height:400px; text-align:center; line-height:400px; display:none; overflow:hidden; border:1px solid #eee; background-color:#fff; z-index:1000;}
#zoom img{ position:absolute; margin:0 auto;}

.probar_right ul { padding: 0 0 0 15px;}
.probar_right ul li { padding: 0 0 0 10px;}
.probar_right ul li h1, .probar_right ul li h3 { color:#ff8300; font-size: 12px; line-height: 30px; text-align: left;}
.inp, .textarea { border: 1px solid #d8d8d8;color: #686868; font-size: 12px; font-family: "宋体"; height: 24px; line-height: 24px; margin: 5px 0 0; overflow: hidden; padding: 0 5px 0 7px; width: 247px; background:none;}
.inp { height: 24px;}
.textarea { height: 90px;}
.code{ float:left; border:1px solid #d8d8d8; height:18px; margin-right:8px; width:60px; padding:1px; text-align:center; background:none;}
.sub { background: url("../images/zixun.gif") no-repeat scroll left center; border: 0 none; cursor: pointer; float: left; height: 23px; width: 61px; margin-top:-5px;}

/*--/probar--*/


#plun {
	background-color:#fff;
    border: 1px solid #d8d8d8;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
	font-size:12px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("../images/plun.gif") no-repeat scroll left center;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #d8d8d8;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("../images/plun1.gif") no-repeat scroll left top;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
	float:right;
}
.emiall {
    border: 1px solid #d8d8d8;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin:0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #d8d8d8;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("../images/arrow.gif") no-repeat scroll 2px center;
    color: #267CC8;
    padding: 0 0 0 15px;
}


/*--/guest--*/
#guest {
    color: #545454;
    line-height: 22px;
    width: 680px;
	font-family:"微软雅黑";
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
	width:260px;
    height: 28px;
	line-height:28px;
    margin: 0;
    padding: 0px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 100px;
	line-height:20px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 400px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test {
    list-style-type: none;
    margin: 20px 0 0 60px;
    padding-bottom: 10px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    margin:20px 0 0px 0;
    width: 610px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-align: right;
	width:60px;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 30px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test span.inp_zd,#guest .input_test span .inp_zd{ width:250px; height:30px; overflow:hidden;}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#guest .code_img{ height:28px; margin:1px auto;}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 30px;
	width:80px;
}
#guest #submit{ width:80px; height:30px;}

/*--Guest--*/

#plun {
    border: 1px solid #eee;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("../images/plun.gif") no-repeat scroll left center transparent;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #eee;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("../images/plun1.gif") no-repeat scroll left top transparent;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #eee;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin:0 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #CFD3D6;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("../images/arrow.gif") no-repeat scroll 2px center transparent;
    color: #267CC8;
    padding: 0 0 0 15px;
}
/*--Guest--*/

#tbox { width:54px; float:right; position:fixed; right:100px; bottom:50px; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
_margin-bottom:15px; z-index:9998 }
#tbox a { overflow:visible; position:relative }
#gotop, #moblie, #home { display:block; width:50px; height:50px; margin-bottom:2px }
#gotop { background:#d3d3d3 url(../images/top_icon.png) no-repeat 5px 3px; }
#home { background:#d3d3d3 url(../images/home_ico.png) no-repeat 5px 3px; }
#moblie { background:#d3d3d3 url(../images/moblie_icon.png) no-repeat 5px 3px; position:relative; }
#gotop:hover { background:#9B9B9B url(../images/top_icon.png) no-repeat 5px 3px; }
#home:hover { background:#9B9B9B url(../images/home_ico.png) no-repeat 5px 3px; }
#moblie:hover { background:#9B9B9B url(../images/moblie_icon.png) no-repeat 5px 3px; }
#moblie .moblie_Code { position:absolute; right:55px; top:-80px; z-index:999999; background:url(../images/mobibarcodeui_tech.png) no-repeat; width:160px; height:160px; text-align:center; }
#moblie .moblie_Code img { margin:5px 0 0 0px; margin-right:10px; }
#moblie .moblie_Code p { width:110px; color:#333; font-site:14px; margin-left:22px; }
.pop_showmsg_wrap:focus { outline:0 none; }
.pop_showmsg_wrap, .pop_showmsg { background:#f6fbfe url(../images/pop_showmsg.png) no-repeat; }
.pop_showmsg_wrap { position:fixed; _position:absolute; z-index:11; height:55px; padding-right:9px; background-position:right 0; border-radius: 8px; box-shadow:0 0 10px #e1e1e1; }
.pop_showmsg { height:55px; font-size:14px; background-position:left 0; border-top-left-radius:8px; border-bottom-left-radius:8px; display:inline-block; }
.pop_showmsg span { padding:10px 10px 10px 68px; display:block; line-height:36px; height:35px; text-shadow: 0 1px 1px #eee; color:#333; }
.pop_showmsg span.success { background:url(../images/success.gif) 20px center no-repeat; }
.pop_showmsg span.warning { background:url(../images/warning.gif) 20px center no-repeat; }